<template>
 <div>
  <p>{{msg}}</p>
  <!-- 1.给按钮绑定点击事件 -->
  <button @click='rev'>翻转世界</button>
 </div>
</template>
<script>
export default {
 data() {
 return {
  msg:'HELLO,WORLD'
 }
 },
 methods:{
  rev(){
    //2.点击后将msg字符串转成数组
    //访问data中的数据要加this
    const arr=this.msg.split('')
    //3.将数组进行翻转,再将翻转后的数组转成字符串
    this.msg=arr.reverse().join('')
  }
 },
}
</script>
<style lang="less" scoped>

</style>
